<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/12/6
  Time: 18:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/header.css">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            width: 100%;
            height: 100vh;

        }

        .w {
            position: relative;
            width: 800px;

            margin: 0 auto;

        }
        li {
            list-style-type: none;
        }
        a {
            text-decoration: none;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="w">
        <div class="touxiang">

        </div>
        <div class="title">
            <h1>JAVA实训团队写作简单案例</h1>
            <div class="xiaoren">
                <a href="#"><i class="fa fa-user" aria-hidden="true"></i></a>
                <a href="#" class="names">张三</a>
                <div class="xiaoren_manu">
                    <ul>
                        <li><a href="save.jsp">个人信息</a></li>
                        <p class="fenge"></p>
                        <li><a href="#">注销</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="cebianlan">
            <ul>
                <li><a href="#">商品管理</a></li>
                <li><a href="#">用户管理</a></li>
                <li><a href="#">权限管理</a></li>
            </ul>
        </div>
    </div>
</div>

<%--你们自己写的东西放这个盒子--%>
<div class="management">
    <div class="w">
        <form action="valide.jsp" method="post">
            <table border="1" >
                <tr><td height="50">姓名:</td><td height="50"><input type="text" name="username"></td></tr>
                <tr><td height="50">密码:</td><td height="50"><input type="password" name="pwd"></td></tr>
            </table>
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="submit" name="submit" value="保存">
        </form>
    </div>
</div>

<script type="text/javascript">
    var xiaoren = document.querySelector('.xiaoren');
    var xiaoren_manu = document.querySelector('.xiaoren_manu');
    xiaoren.addEventListener('click',function(){
        xiaoren_manu.style.display = 'block';
    })
    xiaoren.addEventListener('mouseleave',function(){
        xiaoren_manu.style.display = 'none';
    })
</script>
</body>
</html>
